@charset "utf-8";
/* CSS Document */
html, body { background-color: #FFFFFF; background-image: url('images/bg.png'); background-repeat: repeat-x; font-family: "Verdana", Geneva, sans-serif; font-size: 11px; }

#body { width: 828px; margin: 0 auto; background: url('images/page-background.png') no-repeat; height: 100%; }
#content { width: 760px; margin: 0 auto; padding-top: 10px; height: 100%; position: relative; }
#content ul { list-style: square; }
.content-container { width: 800px; margin: 0 auto; }

/* Navigation */
#breadcrumb-bar { width: 100%; height: 22px; background-color: #333333; border-bottom: 1px solid  #585c54; }
#main-header { width: 100%; height: 100px; background: url('images/header-background.png') repeat-x; border-bottom: 3px solid #e0a957; line-height: 100px; }
#logo { width: 329px; height: 73px; background-image: url('images/logo.png');  background-repeat: no-repeat; float: left; }
#navigation { float: right; overflow:visible; }
#navigation ul { list-style: none; }
#navigation em { font-style:normal; padding-right:5px; }
#navigation li { padding-left: 5px; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
#navigation li { _display: inline; }
#navigation li:hover { background:transparent url('images/button.png') no-repeat scroll 0 0; border-radius: 0 5px 5px 0; }    
#navigation li em:hover { background: url('images/button.png') no-repeat scroll 100% 0; }
#navigation li, #navigation li em { color: #fff; display: table-cell; display: inline-table; display: inline-block; height: 40px; line-height: 32px; text-align: center; margin: 0; }
#navigation a { color: #FFFFFF; text-decoration: none; }

/* Blog Module */
.blog-post { background: url('images/blogpost.png') repeat; padding: 10px 5px; margin-bottom: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.readmore { margin: 5px 0; text-align: right; }
.blog-post-title h2{ margin:0; padding:0; }
.blog-post-content { 
	border: 1px solid #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; 
	margin-top: 10px; padding: 5px;
}
.blog-post-information { padding-left: 5px; }
.blog-post .name, .blog-post .date { font-style: italic; }

/* Contact Module */
#contact { width: 310px; line-height: 22px; text-align: left; margin: 5px 0 0 50px; padding: 2px; padding-bottom:15px; border: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#contact-form { margin-top: -5px; }
#contact .group { margin-top: 10px; }
ul.list { list-style-type:square; margin: 5px 0 15px 25px; line-height: 20px; }


/* Form Module */
.form-item input, .form-item textarea { margin-left: 5px; width: 296px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #7CA8B2; background: #fff; padding: 0 2px; }
.form-item textarea { padding: 2px 5px; width: 290px; }
.form-item input[class="submit"] { width: auto; }

/* Portfolio Module */
.left { left: -30px; background: url('images/left.png') no-repeat; }
.right { right: -30px; background: url('images/right.png') no-repeat;}
.left, .right { opacity: 0.4; position: absolute; top:50%; display: block; width: 30px; height: 40px;}
.left:hover, .right:hover { opacity: 0.6; }
.portfolio-text { width: 400px; }
.jFlowPrev3, .jFlowNext3, .jFlowControl3, .jFlowSelected3 { cursor: pointer; text-decoration: underline; }
.jFlowPrev3:hover, .jFlowNext3:hover, .jFlowControl3:not(.jFlowSelected3):hover { color: #525262; }
.jFlowSelected3 { font-weight: bold; text-decoration: none; cursor: auto; }
.jFlowSlideContainer img { padding: 2px; border: 1px solid #ccc; }
#myController3 { width: 500px; text-align: right; }
#jFlowSlide3, .jFlowPrev3, .jFlowNext3, #myController3, #mySlides3 { display:none; }
/* Footer */
#footer { text-align: center; width: 100%; height: 100px; line-height: 100px; background-image: url('images/footer-background.png'); background-position: center top; background-color: #333333; background-repeat: no-repeat; }
.footer-text {  color: #FFFFFF; }
html, body, #body, #content, #wrap { height: 100%; }
body > #wrap {height: auto; min-height: 100%;}
#body{ padding-bottom: 100px; }
#footer {position: relative; margin-top: -100px; height: 100px;	clear:both; }

/* super classes :D */
.name { text-transform: capitalize; }
.middle { text-align: center; }
.floatleft { float: left; }
.floatright { float: right; }
/* Clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
